<template>
    <article class="personal-center">
        <n-tabs type="line">
            <n-tab-pane name="baseinfo" tab="基本信息">
                <BaseInfo></BaseInfo>
            </n-tab-pane>
            <n-tab-pane name="loginlogs" tab="登录日志">
                <Loginlogs></Loginlogs>
            </n-tab-pane>
            <n-tab-pane name="businesslogs" tab="业务日志">
                <BusinessLogs></BusinessLogs>
            </n-tab-pane>
            <n-tab-pane name="permissions" tab="我的权限">
                <MyPermissions></MyPermissions>
            </n-tab-pane>
        </n-tabs>
        <component :is="currentPane"></component>
    </article>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import BaseInfo from "./TabPanes/BaseInfo/BaseInfo.vue"
import Loginlogs from "./TabPanes/LoginLogs/AuthTbUserLoginLogList.vue"
import BusinessLogs from "./TabPanes/BusinessLogs/SysOperateLogList.vue"
import MyPermissions from './TabPanes/MyPermissons/MyPermissionsIndex.vue';
import { SlashAppContext } from 'slash-admin';

const currentPane = ref('')
console.log('user', SlashAppContext.getCurrentUser())
</script>

<style lang="scss" scoped>
</style>